/* 初始化-----start */

* {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: black;
}

header {
    width: 100%;
    height: 85px;
    background: url(../images/puto01.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

header div img {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    position: absolute;
    top: 12px;
    left: 10px;
}

header h3 {
    color: rgb(231, 227, 227);
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 80px;
}

header p {
    color: #caccd4;
    font-size: 15px;
    position: absolute;
    top: 47px;
    left: 80px;
}


/* -----------------------------header */

.container {
    position: relative;
}

.title {
    margin-top: 10px;
}

.input-group input {
    border-radius: 20px;
    border-right: none;
}

.input-group span {
    margin-top: 10px;
    font-weight: 500;
}

.input-group-btn .searchbtn {
    /* position: relative; */
    padding: 2px 14px 3px 14px;
    border-left: none;
    border-radius: 20px;
}

.glyphicon-search {
    font-size: 10px;
}


/* -----------------nav---------------- */

.mynav {
    margin-top: 8px;
    border-top: rgb(133, 133, 120) solid 1px;
}

.mynav .mynavul li {
    margin-top: 5px;
    width: 22%;
    font-size: 16px;
    text-align: center;
    /* height: 45px; */
}

.mynav .mynavul li a {
    height: 38px;
}


/* -------banner */

.mybanner {
    margin-top: 5px;
}


/* --------weipic */

.myweipic {
    margin-top: 10px;
    padding: 0px 10px;
}

.myweipic a {
    margin: 0px 0px 10px;
}

.myweipic p {
    margin: 0px 0px 1px 10px;
}


/* -------bgipic */

.mybgipic {
    height: 170px;
    /* background-color: pink; */
    margin: 10px 0px 10px;
    padding: 0px 2px;
    border-left: white solid 3px;
    border-right: white solid 3px;
    background: url(../images/bgi01) no-repeat center;
}


/* ------- */

.mytitle p {
    font-size: 18px;
    margin-top: 10px;
}


/* ------pro */

.mypro {
    padding: 0px 5px;
}

.thumbnail .caption {
    padding: 5px;
}

.mypro p {
    font-size: 15px;
}

.mypro h4 {
    color: rgb(216, 50, 50);
}

.salen {
    display: inline-block;
    color: rgb(133, 133, 120);
}

.mycar {
    margin-left: 72px;
}


/* --------- */

footer {
    width: 100%;
    border-top: whitesmoke solid 1px;
    background-color: white;
}

.myfooter {
    height: 60px;
    text-align: center;
    padding: 5px 13px;
}

.myfoopic {
    font-size: 25px;
}

body {
    padding-bottom: 70px;
}